Estoy tratando de actualizar un sitio antiguo mío que usaba lit-element, pixi.js y webpack para servir en desarrollo y compilación. La nueva versión de lit-element está encendida y recomiendan usar web-dev-server como medio para servir el código localmente, pero cuando intento hacerlo, aparece un error de pixi.js

https://lit.dev/docs/tools/development/ (para referencia)

El módulo solicitado './../../../es6-promise-polyfill/promise.js' no proporciona una exportación denominada 'Polyfill'

por lo que encontré efectivamente, el relleno solo proporciona una expresión de función invocada inmediatamente mientras pixi.js está tratando de hacer una importación de módulo

 /*! * @pixi/polyfill - v5.3.10 * Compiled Mon, 07 Jun 2021 22:37:25 UTC * * @pixi/polyfill is licensed under the MIT License. * http://www.opensource.org/licenses/mit-license */ import { Polyfill } from 'es6-promise-polyfill'; import objectAssign from 'object-assign'; // Support for IE 9 - 11 which does not include Promises if (!window.Promise) { window.Promise = Polyfill; }

No tuve este problema con el elemento iluminado y el paquete web y no estoy seguro de cómo resolverlo correctamente. Supongo que es un problema de agrupación, pero este no es realmente mi fuerte aquí. Volver al paquete web parece traer muchos otros problemas. (Parece estar relacionado con este problema. Las referencias relativas deben comenzar con "/", "./" o "../", pero dado que la solución es usar web-dev-server en lugar de webpack, estoy corriendo en circulo)

Cualquier consejo sobre este tema sería muy apreciado, gracias de antemano.